//colors
$colors: (
    primary :#db9e3f,
    "danger":#781a16,
    "red":#e72a19,
    // 当定义与css值冲突时用"" 括起来 
    "blue": #4394e4,
    "blue-1": #1f3695,
    "info": #4b67af,
    "white-1" :#fcfcfc,
    "white-2" :#eceef0,
    "white" :#fff,
    "light": #f9f9f9,
    "light-1": #d4d9de,
    "black": #000,
    "dark-1": #343440,
    "dark": #222,
    "grey-2": #acbacc,
    "grey-1": #666,
    "grey": #999
);

$border-color: map-get($colors , 'light-1' );

//text

//fontsize
$base-font-size: 0.26rem;
$font-sizes: (
    xxs: .6154,
    //8px
    xs: .7692,
    //10px
    sm: .9231,
    //12px
    md: 1,
    //13px
    lg: 1.0769,
    //14px
    xl: 1.2308 //16px
);


//flex布局

$flex-jc: (
    start: flex-start,
    end: flex-end,
    center: center,
    between: space-between,
    around: space-around
);

$flex-ai: (
    start: flex-start,
    end: flex-end,
    center: center,
    stretch: stretch
);


//spacing
//0-5:
// .mt-1 => margin-top
// .pd-1 => paddding-top
$spacing-types :(m:margin, p:padding);
$spacing-direction :(t:top, r:right, b:bottom, l:left);
$spacing-base-size: 0.26rem;
$spacing-size :(0:0,
    1:0.25,
    2:0.5,
    3:1,
    4:1.5,
    5:3);